</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">FileExplorer for ASP.NET Web Forms</div> <div id="PageTitle"><div id="PageTitleText">Customize Appearance</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> Explore Features > Customize Appearance</td></tr></table></div> <div id="BodyContent"> <p>You can customize the appearance of the FileExplorer by using the in-built themes in the <strong>Theme</strong> property, as well as by creating your own themes with the <strong>Themeroller</strong>.</p> <p>To know how to create a new theme using <a href="http://jqueryui.com/themeroller/" target="_blank">Themeroller</a>, visit <a href="http://helpcentral.componentone.com/nethelp/c1studioWeb/Themeroller for visual studio.html" target="_blank">Themeroller for Visual Studio</a>.</p> <p><strong>Included Themes</strong></p> <p>The following themes are included in FileExplorer for ASP.NET Web Forms:</p> <ul> <li>arctic</li> <li>aristo</li> <li>cobalt</li> <li>lucid</li> <li>metro-dark</li> <li>midnight</li> <li>rocket</li> <li>sterling</li> </ul> <p><strong>Arctic</strong></p> <p>The following image displays the arctic theme:</p> <p><img border="0" alt="" src="images/arctic.png"></p> <p><strong>Aristo</strong></p> <p>The following image displays the aristo theme:</p> <p><img border="0" alt="" src="images/aristo.png"></p> <p><strong>Cobalt</strong></p> <p>The following image displays the cobalt theme:</p> <p><img border="0" alt="" src="images/cobalt.png"></p> <p><strong>Metro-Dark</strong></p> <p>The following image displays the metro-dark theme:</p> <p><img border="0" alt="" src="images/metro_dark.png"></p> <p><strong>Metro</strong></p> <p>The following image displays the metro theme:</p> <p><img border="0" alt="" src="images/metro.png"></p> <p><strong>Midnight</strong></p> <p>The following image displays the midnight theme:</p> <p><img border="0" alt="" src="images/midnight.png"></p> <p><strong>Rocket</strong></p> <p>The following image displays the rocket theme:</p> <p><img border="0" alt="" src="images/Rocket.png"></p> <p><strong>Sterling</strong></p> <p>The following image displays the sterling theme:</p> <p><img border="0" alt="" src="images/sterling.png"><br></p> <p><br></p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved.</p> <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/255768-asp-net-documentation" target="_blank">Documentation Feedback</a> </div> </body> </html>